<script>
export default{
  methods:{
    tabOne(){
      this.$router.push('/one');
    },
    tabTwo(){
      this.$router.push('/two');
    },
    tabThree(){
      this.$router.push('/three');
    }
  }
}
</script>

<template>
  <div class="worko-tabs">

    <input @click="tabOne()" class="state" type="radio" title="tab-one" name="tabs-state" id="tab-one" checked />
    <input @click="tabTwo()" class="state" type="radio" title="tab-two" name="tabs-state" id="tab-two" />
    <input @click="tabThree()" class="state" type="radio" title="tab-three" name="tabs-state" id="tab-three" />


    <div class="tabs flex-tabs">
      <label for="tab-one" id="tab-one-label" class="tab">第一页</label>
      <label for="tab-two" id="tab-two-label" class="tab">第二页</label>
      <label for="tab-three" id="tab-three-label" class="tab">第三页</label>

      <RouterView />



    </div>

  </div>
</template>

<style lang="scss">
@import "./assets/style.scss"
</style>
